<%--
  Created by IntelliJ IDEA.
  User: Jia_ly
  Date: 2016/12/20
  Time: 15:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path;
    request.setAttribute("basePath", basePath);
%>
<!-- jQuery -->
<script type="text/javascript"
        src="${basePath}/resources/js/jquery-3.1.1.min.js"></script>
<!-- Bootstrap JS -->
<script type="text/javascript"
        src="${basePath}/resources/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="${basePath}/resources/css/mdialog.css">
<script type="text/javascript" src="${basePath}/resources/js/zepto.min.js"></script>
<script type="text/javascript" src="${basePath}/resources/js/mdialog.js"></script>
<script src="${basePath}/resources/investigation/js/user/login.js"></script>
<style>
    body{
        background-color: #c7efc0 !important;
    }
    .form{
        background-color: #f3ffc8;
    }
    .form-group{
        margin-top: 10px;
        padding-top: 20px;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .lrform{
        color: #0e90d2;
    }
    .content{
        text-align: center;
        padding-top: 80px;
        color: #0e90d2;
    }
</style>
<head>
    <%--浏览器版本兼容问题--%>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>登录</title>
    <link href="${basePath}/resources/bootstrapCss/bootstrap-huan.css" rel="stylesheet">
    <link href="${basePath}/resources/fonts/font-awesome.min.css" rel="stylesheet">
    <link href="${basePath}/resources/css/style.css" rel="stylesheet">
</head>
<body>
<div class="content" style="margin-bottom: 100px;">
    <h2>网络在线考试系统登录</h2>
    <div class="container">
        <div class="row" style="position:absolute; left:50%;top:30%; margin-left:-175px;">
            <div class="col-md-12">
                <div class="lrform">
                <div class="form">
                    <form method="post">
                        <div class="form-group">
                            <label class="control-label col-md-4">用户名:</label>
                            <div class="col-md-12">
                                <input id="username" name="username" type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-4">密码:</label>
                            <div class="col-md-12">
                                <input id="password" name="password" type="password" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <!-- Buttons -->
                            <div class="col-md-9 col-md-offset-1">
                                <button type="button" class="btn btn-success" onclick="login()">
                                    登录
                                </button>
                                <button type="reset" class="btn btn-primary" onclick="cancle()">
                                    取消
                                </button>
                                <span class="form-message">${result}</span>
                            </div>
                        </div>
                        <%--没有账号? <a href="#">注册</a>--%>
                    </form>
                </div>
                    </div>
            </div>
        </div>
    </div>
</div>
</body>
